<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="Keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="gya">
    <title>空创格科技 - 专业优质的企业服务商</title>
    <link href="css/normalize.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="bookmark" href="favicon.ico">

</head>

<body>
    <!--[if lte IE9]>
<p>你的浏览器版本过于老旧，请点击<a href="https://browsehappy.com/">这里</a>更新，以获取最佳体验。</p>
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
    <!-- 导航 -->
    <header class="nav">
        <div id="logo">
            <a href="index.html"><img src="img/logo2.png" class="logoImg"></a>
        </div>
        <h1 class="comName"><a href="index.html">江门市空创格科技有限公司</a></h1>
        <div class="navOpen lg-hidden table-hidden pc-hidden"></div>
        <ul class="navList">
            <div class="navClose lg-hidden table-hidden pc-hidden">×</div>
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于空创格</a></li>
            <li class="openBusinessNav"><a href="#">业务范围<span class="star"></span></a></li>
            <ul class="businessNav" id="businessNav"></ul>
            <li><a href="case.html">案例展示</a></li>
            <li><a href="news.html">行业动态</a></li>
            <li><a href="person.html">人才计划</a></li>
            <li class="active"><a href="contact.html">联系我们</a></li>
        </ul>
    </header>
    <!-- banner -->
    <div class="banner">
        <picture>
            <source media="(max-width:375px)" srcset="img/contactBanner_phone.png">
            <img src="img/contactBanner.png" alt="banner">
        </picture>
    </div>

    <!-- 中间 -->
    <div class="contactContainer">
        <h1 class="contact-title">[需求留言]</h1>
        <p class="contact-title2">把您的想法和需求告诉我们吧！</p>

        <form method="POST" id="contactForm">
            <input class="inputBox" id="name" type="text" name="name" maxlength="10" placeholder="姓名:" value="" />
            <input class="inputBox" id="phone" type="tel" onblur="phoneReg()" name="phone" placeholder="联系电话:" />
            <input class="inputBox" id="QQ" type="text" name="wechat" maxlength="10" placeholder="QQ/微信:" />
            <select name="sid" class="inputBox" id="sid">
      </select>
            <select name="did" class="inputBox" id="did">
      </select>
            <input type="number" name="budget" oninput="if(value.length>10)value=value.slice(0,10)" placeholder="期望预算：万元" class="inputBox" id="budget" />
            <textarea rows="10" cols="60" placeholder="需求描述:" id="opinion" name="description"></textarea>
            <input type="submit" value="提交您的信息" class="submitBtn" id="submitBtn" />
        </form>
        <!-- 公司信息 -->
        <div class="companyInfo">
            <h1 class="contact-comTitle">江门市空创格科技有限公司</h1>
            <ul class="contact-comList"></ul>
        </div>
        <!-- 地图 -->
        <div id="container"></div>
    </div>

  <!-- 底部 -->
  <footer>
    <div class="footer-nav lg-hidden pc-hidden table-hidden">
      <ul class="footer-navList footer-phone-nav">
        <li class="footer-navItem"><a href="">业务范围<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-business"></ul>
        </li>
        <li class="footer-navItem"><a href="case.html">案例展示<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-case"></ul>
        </li>
        <li class="footer-navItem"><a href="">关于空创格<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-about"></ul>
        </li>
        <li class="footer-navItem"><a href="">行业动态<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-news"></ul>
        </li>
        <li class="footer-navItem"><a href="">人才计划<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden" id="phoneNav-person"></ul>
        </li>
        <li class="footer-navItem"><a href="">联系我们<span class="fnr rotate1">></span></a>
          <ul class="footer-sonList hidden">
            <li><a href="contact.html">联系我们</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <ul class="footer-menu footer-PC-nav">
      <ul class="footer-menuList phone-hidden" id="footer-pc-business"></ul>
      <ul class="footer-menuList phone-hidden" id="footer-pc-case"></ul>
      <ul class="footer-menuList phone-hidden" id="footer-pc-about"></ul>
      <ul class="footer-menuList phone-hidden" id="footer-pc-news"></ul>
      <ul class="footer-menuList phone-hidden" id="footer-pc-person"></ul>
      <ul class="footer-menuList" id="footer-lastMenu">
        <li class="footer-title phone-hidden">联系我们</li>
        <li class="footerNavLine phone-hidden"></li>
        <li class="footer-contact">
          <img src="img/icon23.png" alt="联系地址" class="footer-Icon">
          联系地址：<span id="footer-pc-comName"></span>
        </li>
        <li class="footer-contact">
          <span style="display: inline-block;width: 18%;"></span>
          <span class="footer-pc-comName">广州市越秀区水荫二横路新达城广场南座2707</span>
        </li>
        <li class="footer-contact">
          <img src="img/icon24.png" alt="联系电话" class="footer-Icon">
          联系电话：<span id="footer-pc-phone"></span>
        </li>
        <li class="footer-contact" id="footer-RQ"></li>
      </ul>
    </ul>
    <hr>
    <div class="copyMessage">
      <span class="phone-hidden">版权所有：</span>
            <div class="phone-hidden bottomComName">
                <div>江门市空创格科技有限公司</div>
                <div>广州市加壹软件科技有限公司</div>
            </div>
      <span class="phone-hidden">Copyright&copy;</span>
      <span class="footer-serverTel phone-hidden">2017-2020</span>
      <span class="footer-keepOnRecord"><a
        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44070402440896" target="_blank">
        <img src="img/guohui.png" alt="guohui" class="guohui">
        粤公网安备 44070402440896号</a></span>
            <span class="footer-keepOnRecord"><a href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备18002115号</a></span>
            <!-- <a href="http://new.cnzz.com/v1/login.php?siteid=1278040824" target="_blank"><img src="img/cnzz.gif"
          alt="cnzz"></a> -->
            <!-- <a href="JavaScript:;"><img src="img/guohui.png" alt="guohui"></a> -->
            <!-- 站长统计 -->
            <script type="text/javascript">
                var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
                document.write(unescape("%3Cspan id='cnzz_stat_icon_1278040824'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s9.cnzz.com/z_stat.php%3Fid%3D1278040824%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
            </script>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="js/OwlCarousel.min.js"></script>
    <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=6ZEBZ-HKLWW-SONRD-RTOPF-7NBMS-PRBV4"></script>
    <script>
        window.onload = function() {
            function init() {
                var center = new qq.maps.LatLng(22.563354, 113.131633);
                //定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
                var map = new qq.maps.Map(document.getElementById("container"), {
                    center, // 地图的中心地理坐标。
                    zoom: 16 // 地图的中心地理坐标。
                });
                var label = new qq.maps.Label({
                    position: center,
                    map: map,
                    content: '江门市空创格科技有限公司'
                });
                map.setOptions({
                    keyboardShortcuts: false, //禁止键盘控制地图
                    scrollwheel: false //禁止鼠标滚动缩放地图
                })
            }

            init();
        }
    </script>
    <script type="text/javascript" src="js/index.js"></script>
    <script src="js/api.js"></script>
</body>

</html>